<template>
  <div class="container">
    <div class="nav-bar flex">
        <router-link tag="div" :to="'feedback'">
            我要反馈
        </router-link>
        <div class="active">历史反馈</div>
    </div>
    <div class="nav-bar-before"></div> 
    <xd-datalist ref="datalist" url="/api/feedbacks">
        <div class="list-container bg-white fz30" slot-scope="scope">
          <div class="flex p30 border-b" :key="item.id" v-for="item in scope.list" @click="showDetail(item.id)">
              <div class="flex-con text333">
                  {{item.title}}
              </div>
              <img src="../../assets/icons/gt.png" alt="" class="gt">
          </div> 
        </div>                
            <div class="text-center empty-area" v-if="hasnomore && list.length==0">
            <img src="../../assets/icons/bigmsgicon@2x.png" alt="" class="bigmsg-icon">
            <div class="empty-txt">
                您还没有留言
            </div>
            </div>
    </xd-datalist>
    
  </div>  
</template>
<script>
export default {
  methods:{
      showDetail(id){
        this.$router.push('/feedbackdetail?id='+id)
      }
  }
}
</script>

<style lang="scss" scoped>
@import "../../styles/nav";
.empty-txt{
    	font-size: 0.4rem;
    color:#999;
    padding-top:0.6rem;
}
.empty-area{
    padding-top:1.5733rem;
}
.bigmsg-icon{
    width: 1.8rem;
	height: 1.76rem;
}
</style>


